﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.Master" AutoEventWireup="true"
    CodeBehind="CreateAccount.aspx.cs" Inherits="EARS.CreateAccount" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <%@ register assembly="AjaxControlToolkit" namespace="AjaxControlToolkit" tagprefix="asp" %>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <h2>
        Create Account</h2>
    <br />
    <asp:Label ID="lblUserID" runat="server" Text="Username ID:"></asp:Label>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <asp:TextBox ID="txtUserID" runat="server" Class="textbox"></asp:TextBox>
    <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" Display="Dynamic"
        ErrorMessage="Enter a user ID" ForeColor="Red" ControlToValidate="txtName"></asp:RequiredFieldValidator>
    <br />
    <br />
    <asp:Label ID="lblPassword" runat="server" Text="Password:"></asp:Label>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <asp:TextBox ID="txtPassword" runat="server" Class="textbox" TextMode="Password"></asp:TextBox>
    <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" Display="Dynamic"
        ErrorMessage="Enter a password" ForeColor="Red" ControlToValidate="txtPassword"></asp:RequiredFieldValidator>
    <asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server" ControlToValidate="txtPassword"
        Display="Dynamic" ErrorMessage="Password must be 5-8 alphanumeric characters"
        ForeColor="Red" ValidationExpression="^[a-z0-9_-]{5,8}$"></asp:RegularExpressionValidator>
    <br />
    <br />
    <asp:Label ID="lblConfirm" runat="server" Text="Confirm Password:"></asp:Label>
    &nbsp;&nbsp;&nbsp;
    <asp:TextBox ID="txtConfirm" runat="server" Class="textbox" TextMode="Password"></asp:TextBox>
    <asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" Display="Dynamic"
        ErrorMessage="Confirm your password" ForeColor="Red" ControlToValidate="txtConfirm"></asp:RequiredFieldValidator>
    <asp:CompareValidator ID="CompareValidator1" runat="server" ControlToCompare="txtPassword"
        ControlToValidate="txtConfirm" Display="Dynamic" ErrorMessage="Password mismatch"
        ForeColor="Red"></asp:CompareValidator>
    <br />
    <br />
    <asp:Label ID="lblName" runat="server" Text="Name:"></asp:Label>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <asp:TextBox ID="txtName" runat="server" Class="textbox"></asp:TextBox>
    <asp:RequiredFieldValidator ID="RequiredFieldValidator4" runat="server" Display="Dynamic"
        ErrorMessage="Enter your name" ForeColor="Red" ControlToValidate="txtName"></asp:RequiredFieldValidator>
    <br />
    <br />
    Matric Number:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <asp:TextBox ID="txtMatric" runat="server" Class="textbox"></asp:TextBox>
    <asp:RequiredFieldValidator ID="RequiredFieldValidator5" runat="server" Display="Dynamic"
        ErrorMessage="Enter your matric card no." ForeColor="Red" ControlToValidate="txtMatric"></asp:RequiredFieldValidator>
    <br />
    <br />
    <asp:Label ID="lblEmail" runat="server" Text="E-Mail Address:"></asp:Label>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <asp:TextBox ID="txtEmail" runat="server" Class="textbox"></asp:TextBox>
    <asp:RequiredFieldValidator ID="RequiredFieldValidator6" runat="server" Display="Dynamic"
        ErrorMessage="Enter your E-Mail" ForeColor="Red" ControlToValidate="txtEmail"></asp:RequiredFieldValidator>
    <br />
    <br />
    <asp:Label ID="lblContect" runat="server" Text="Contact Number:"></asp:Label>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <asp:TextBox ID="txtContact" runat="server" Class="textbox"></asp:TextBox>
    <asp:RequiredFieldValidator ID="RequiredFieldValidator7" runat="server" Display="Dynamic"
        ErrorMessage="Enter your contact no." ForeColor="Red" ControlToValidate="txtContact"></asp:RequiredFieldValidator>
    <br />
    <br />
    <asp:Label ID="lblCourse" runat="server" Text="Course:"></asp:Label>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <asp:DropDownList ID="ddlCourse" runat="server" Class="ddl">
        <asp:ListItem>Applied Science</asp:ListItem>
        <asp:ListItem>Business</asp:ListItem>
        <asp:ListItem>Design</asp:ListItem>
        <asp:ListItem>Engineering</asp:ListItem>
        <asp:ListItem>Humanities &amp; Social Studies</asp:ListItem>
        <asp:ListItem>Information Technology</asp:ListItem>
    </asp:DropDownList>
    <br />
    <br />
    <div style="text-align: right">
        <asp:Button ID="btnCancel" runat="server" Text="Cancel" Class="button" OnClick="btnCancel_Click"
            CausesValidation="False" />
        <asp:Button ID="btnCreate" runat="server" Text="Create" OnClick="btnCreate_Click"
            Class="button" />
    </div>
    <asp:Panel ID="ModalPanel" runat="server" Width="500px" BackColor="#E7E3CE" BorderColor="#573D26"
        BorderWidth="3px">
        <div style="text-align: center">
            <asp:Label ID="lblPopUp" runat="server"></asp:Label>
        </div>
        <br />
        <div style="text-align: center">
            <asp:Button ID="btnClose" runat="server" Text="Close" Class="button" 
                CausesValidation="False" onclick="btnClose_Click" />
        </div>
    </asp:Panel>
    <asp:ModalPopupExtender ID="mpe" runat="server" TargetControlID="button" PopupControlID="ModalPanel"
        BackgroundCssClass="modalBackground" />
    <asp:ScriptManager ID="asm" runat="server" />
    <asp:Button ID="button" runat="server" Text="Button" Class="hidden" />
</asp:Content>
